import store from '@/store'
import axios from 'axios'
import router from '@/router'
import { Message } from 'element-ui'
const instance = axios.create({
  baseURL: 'http://interview-api-t.itheima.net/',
  timeout: 1000 * 10
})

// 请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 完成token注入
  if (store.getters.token) {
    config.headers.Authorization = `Bearer ${store.getters.token}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 响应拦截器
instance.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对请求成功，但code不为10000的情况进行处理 ==> 按照错误处理
  if (response.data.code !== 10000) {
    // 错误的情况==>业务错误
    // 提示用户，抛出异常
    Message.error(response.data.message || '请求出错了，请联系管理员')
    return Promise.reject(response)
  }
  // 对响应数据做点什么
  // 摘取data字段返回，简化应用层的使用
  return response.data
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数‘
  if (error.response.status === 401) {
    // 删token
    store.commit('user/updateToken', '')
    // 跳登录
    router.push('/login')
    return
  }
  // 给用户提示
  // 错误提示
  Message.error(error.response?.data?.message || '发生了系统错误')
  // 对响应错误做点什么
  return Promise.reject(error)
})
export default instance
